<template>
  <div ref="content" id="content">
    <!-- 测试plugin插件中的myslice过滤器 -->
    <h2>{{name| myslice}}</h2>
    <!-- 测试plugin插件中的fbinda绑定方法 -->
    <input type="text" v-fbind:value="value">
    <!-- 测试plugin中的hello方法 -->
    <button @click="hello">测试hello方法</button>
    <button @click="testPluginsDate">测试plugins中的值</button>
  </div>
</template>

<script>
export default {
  name: 'student',
  data () {
    return {
      name:'蒋涛123456',
      value:'测试绑定是否成功'
    }
  },
  methods: {
    testPluginsDate(){
      alert(this.x)
    }
  },
}
</script>

<style scoped>
   *{
     margin: 0;
     padding: 0;
     border: 0;
   }
  #content{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    display: flex;
    flex-flow: column wrap;
    border: 1px dashed orange;
  }
  h2,input,input+button{
    margin: 10px auto;
  }
</style>
